



<template>

  <n-config-provider style="height: 100%">
    <n-global-style />
    <n-loading-bar-provider>
      <n-dialog-provider>
        <n-el class="vaw-main-layout-container">
          <s-header></s-header>
          <main-layout></main-layout>
        </n-el>
      </n-dialog-provider>
    </n-loading-bar-provider>
  </n-config-provider>

</template>



<style lang="scss" scoped>

.vaw-main-layout-container {
  height: 100%;
  box-sizing: border-box;
  transition: margin-left 0.3s ease;
  .main-base-style {
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
  }
  .main-base-light-theme {
    background-color: #f0f2f5;
  }
  .main-base-dark-theme {
    background-color: #333333;
  }
  .main-section {
    min-height: calc(100% - 45px - 10px);
    overflow-x: hidden;
  }
  .fixed-nav-bar {
    position: fixed;
    top: 0;
    transition: width 0.3s ease;
    z-index: 99;
  }
  .tab-bar-top {
    padding-top: 48px;
  }
}

</style>